<!-- https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/intent/Header@2x (1).png -->
<!-- https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/intent/Close@2x.png -->
<template>
  <modal :visible="visible" position="center">
    <view class="container">
     <view class="close" @click="closeModal('关闭')">
     		    <image style="width:64rpx;height:64rpx" src="https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/intent/Close@2x.png" mode="widthFix">
     </view>
	     <image style="width:526rpx;height:108rpx" src="https://100000063-1252208446.file.myqcloud.com/images/MF-EB-P4/intent/Header@2x (1).png" mode="widthFix">
    <view class="font28-box">如您未拒绝该订阅请咨询客服协助处理</view>
    <button @click="closeModal('联系客服')" class="intent-btn" open-type="contact" show-message-card="true">联系客服</button>
    </view>
  </modal>
</template>

<script>
  import modal from "@/components/modal/modal.vue";
  export default {
    components: {
      modal
    },
    data() {
      return {
        visible: false,
      }
    },
    methods: {
      open(){
        this.visible = true
        this.$commonSensors.popupEvent('PopupExposure', {'popup_type' : '意向登记', 'popup_name': '订阅失败弹窗'})
      },
      closeModal(type) {
        this.visible = false
        this.$commonSensors.popupEvent('PopupClick', {'popup_type' : '意向登记', 'popup_name': '订阅失败弹窗', 'button_name': type})
      },
    }
  }
</script>

<style lang="scss">
  .container {
  	  position: relative;
  	  display: flex;
  	  flex-direction: column;
  	  justify-content: flex-start;
  	  align-items: center;
  		width: 640rpx;
       padding:128rpx 0 96rpx;
       background: #fff;
       color: #1A1A1A;
  	.font28-box {
  		width: 640rpx;
  		margin: 80rpx 0;
		   font-size: 28rpx;
		line-height: 48rpx;
		 text-align: center;
		 color: #757575;
		font-family: 'NotoSansSC-Regular'
  	}

  
    .close {
      position: absolute;
      width: 64rpx;
      height: 64rpx;
      top: 24rpx;
      right: 24rpx;
    }
  
   
  
    .intent-btn {
    width: 526rpx;
    height: 80rpx;
    border-radius: 48rpx 16rpx 48rpx 48rpx;
      background: #000000;
      color: #fff;
      font-size: 26rpx;
      line-height: normal;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto ;
  	font-family: 'NotoSansSC-Medium';
      &.grey {
        background: #AFAFAF;
      }
    }
  	
  
  }
</style>
